<template>
  <div>
    <BaseReturnHome/>
    <WebHeader :active-index="activeIndex" :handle-select="handleSelect"/>
    <div class="mainContent" style="float: left;width:1081px">
      <!--      内容区域-->
      <ListContent/>
    </div>
    <div class="aside">
      <WebAside/>
    </div>
  </div>
</template>

<script>
import WebHeader from "@//view/layout/WebHeader";
import WebAside from "@//view/layout/WebAside";
import ListContent from "@//components/list/ListContent";
import BaseReturnHome from "@//components/base/BaseReturnHome";

export default {
  name: "index",
  components: {BaseReturnHome, ListContent, WebAside, WebHeader},
  data(){
    return {
      activeIndex:3,
    }
  },
  methods:{
    handleSelect(){}
  }
}
</script>

<style scoped>
.mainContent {
  margin-top: 20px;
  margin-left: 187px;
}

.aside {
  position: absolute;
  right: 190px;
  top: 106px;
}
</style>
